import React, { useEffect, useId } from 'react'

export default function App() {

    // 生成一个唯一 ID
    const myid = useId()

    useEffect(() => {
        // 通过 useId 生成的 id 会有不确定性，所以尽量不要使用它来获取 DOM 元素
        console.log(document.getElementById(':r0:10010'));
    }, [])

    return (
        <div>
            <h1 id={myid + '10010'}>你好世界</h1>
            <div>
                <label htmlFor={myid}>用户名：</label>
                <input id={myid} type="text" />
            </div>
        </div>
    )

}
